<template>
  <div class="main">
    <!-- 顶部导航 -->
    <van-nav-bar title="我的消息" class="top-nav">
      <template #left>
        <i class="iconfont icon-zuofanhui" @click="$router.back()"></i>
      </template>
      <template #right>
        <i class="iconfont icon-search"></i>
      </template>
    </van-nav-bar>
    <van-image :src="require('@/assets/bl3.png')"  fit="contain"></van-image>
  </div>
</template>

<script>
export default {
  // 定义属性
  data() {
    return {}
  },
  // 计算属性，会监听依赖属性值随之变化
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 方法集合
  methods: {},
  // 生命周期 - 创建完成（可以访问当前this实例）
  created() {},
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted() {}
}
</script>

<style lang="less">
@import url('~@/styles/nav-bar.less'); //引入navbar样式，此样式控制所有search下的子页面导航样式

</style>
